<template>
	<div class="ads">
		<div class="banner">
			<el-carousel :interval="5000" height="10rem">
				<el-carousel-item v-for="(item,index) in bannerlist" :key="item.id">
					<img :src="item.picture" />
				</el-carousel-item>
			</el-carousel>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'MobilePersonAds',
		data() {
			return {
				bannerlist: [
					{
						id: 1,
						picture: require('@/assets/img/mobile/banner.png'),
						to: ''
					},
					{
						id: 2,
						picture: require('@/assets/img/mobile/banner.png'),
						to: ''
					}
				]
			}
		},
		computed: {
		},
	}
</script>

<style scoped>
	.ads {
		width: 100%;
		height: auto;
		margin-top: 1rem;
	}

	.ads .banner {
		width: 100%;
		height: 10rem;
		background-color: orange;
		margin-bottom: 1rem;
	}

	.ads .banner img {
		width: 100%;
		height: 100%;
	}
</style>